<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>音频列表</title>
    <link rel="stylesheet" href="/studio/track/css/list.css">
</head>
<body>
<div class="studio_entry">
    <a href="/">快乐听书</a>
    <a href="/studio/">创作中心</a>
</div>
<div class="container">
    <div class="dialog">
        <div class="whoname">
            <span>用户名：</span>
            <div class="who"></div>
        </div>
        <div class="table">
            <table align="center" border="1" width="400" height="400">
                <thead>
                <tr>
                    <th>#tid</th>
                    <th>音频名</th>
                    <th>关联专辑的数量</th>
                </tr>
                </thead>
                <!--tbody中的内容由js来填写-->
                <tbody class="content"></tbody>
            </table>
        </div>
        <div class="pagination">
            <a href="/studio/track/list.html?page=1">第一页&nbsp;</a>
            <a href="/studio/track/list.html?page=" class="prevPage">&nbsp;上一页&nbsp;</a>
            <span>&nbsp;每页<span class="countPerPage"></span>个&nbsp;</span>
            <span>&nbsp;第<span class="currentPage"></span>页&nbsp;</span>
            <span>&nbsp;共<span class="totalPage"></span>页&nbsp;</span>
            <a href="/studio/track/list.html?page=" class="nextPage">&nbsp;下一页&nbsp;</a>
            <a href="/studio/track/list.html?page=" class="lastPage">&nbsp;最后一页</a>
        </div>
    </div>
</div>
<script src="/studio/track/js/list.js"></script>
</body>
</html>